<template>
	<div class="app">
		<myNavbar title="我的礼品卡"></myNavbar>
		<tabbar
		        ref="reflectName"
		        class="tabbar"
		        tabType="top"
		        textSelectColor="red"
		        textUnselectColor="black"
		        tabBackgroundColor="#f2f2f2"
		        :tabPages="tabPages"></tabbar>
	</div>
</template>
<script>
	import myNavbar from '../../../components/myNavbar/myNavbar.vue'
	export default {
		name: '',
		data() {
			return {
				tabPages: [
				    {
				        title: '我生成的',
				        selectedIcon: 'md-home',
				        url: './component/getCard.js',
				        tabName:"getCard"
				    },
				    {
				        title: '我收到的',
				        selectedIcon: 'md-contacts',
				        url: './component/myCard.js',
				        tabName:"myCard"
				    },
				],
			}
		},
		created() { // 在实例创建完成后被立即调用
		},
		methods: {
			
		},
		components: {
			myNavbar
		},
	}
</script>

<style scoped>
	 .app {
		flex: 1;
		background-color: rgba(248, 248, 248, 1);
	}
	.tabbar {
	    flex: 1;
	    width: 750px;
	}
</style>
